<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="UTF-8">
    <title>主页面</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
    <!--<link rel="stylesheet" th:href="@{/jquery-weui-build/css/jquery-weui.css}" href="./jquery-weui-build/css/jquery-weui.css" />-->
    <!--<link rel="stylesheet" th:href="@{/jquery-weui-build/lib/weui.css}" href="./jquery-weui-build/css/jquery-weui.css" />-->
    <!--<link rel="stylesheet" href="../static/jquery-weui-build/lib/weui.css">-->
    <!--<link rel="stylesheet" href="../static/jquery-weui-build/css/jquery-weui.css">-->
    <link src>
    <style type="text/css">
        .weui-media-box{
            border-bottom: 1px solid #e5e5e5;
        }

    </style>
</head>
<body>
    <h2>这是主页面</h2>
    <hr />

    <div>
        <div>
            <div th:if="${userInfo != null}">
                <h4>登陆成功</h4>
                用户昵称：<p th:text="${userInfo.getNickname()}" ></p>
                用户账号为：<p th:text="${userInfo.getAccount()}" ></p>
                <!--用户头像：<img WIDTH="100" HEIGHT="100" th:src="@{${userInfo.getHeadimgurl()}}">-->
            </div>
            </div>
        <!--<div>用户昵称：<img th:src="@{userInfo.headimgurl}" /></div>-->
    </div>

    <!--<div class="weui-panel weui-panel_access">-->
        <!--<div class="weui-panel__hd">图文组合列表</div>-->
        <!--<div class="weui-panel__bd">-->
            <!--<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">-->
                <!--<div class="weui-media-box__hd">-->
                    <!--<img class="weui-media-box__thumb" src="">-->
                <!--</div>-->
                <!--<div class="weui-media-box__bd">-->
                    <!--<h4 class="weui-media-box__title">标题一</h4>-->
                    <!--<p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>-->
                <!--</div>-->
            <!--</a>-->
            <!--<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">-->
                <!--<div class="weui-media-box__hd">-->
                    <!--<img class="weui-media-box__thumb" src="">-->
                <!--</div>-->
                <!--<div class="weui-media-box__bd">-->
                    <!--<h4 class="weui-media-box__title">标题二</h4>-->
                    <!--<p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>-->
                <!--</div>-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="weui-panel__ft">-->
            <!--<a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">-->
                <!--<div class="weui-cell__bd">查看更多</div>-->
                <!--<span class="weui-cell__ft"></span>-->
            <!--</a>-->
        <!--</div>-->
    <!--</div>-->
</body>
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<!--<script th:src="@{/jquery-weui-build/lib/jquery-2.1.4.js}"></script>-->
<!--<script th:src="@{/jquery-weui-build/js/jquery-weui.js}"></script>-->
<!--<script src="../static/jquery-weui-build/lib/jquery-2.1.4.js"></script>-->
<!--<script src="../static/jquery-weui-build/js/jquery-weui.js"></script>-->
<script>
//    $(function() {
//        $.alert("Hello Boy");
//    });
</script>
</html>